<!DOCTYPE html>
<html lang="cmn-Hans-cn">
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="社区" />
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1">
        <title>启动引导页面</title>
        <link rel="stylesheet" href="swiper.css">
        <link rel="stylesheet" href="startpage.css">

    </head>
    <body>

        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">

                <div class="swiper-slide">
                    <img src="img/start1.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/start2.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/start3.png" alt="">
                </div>
                <div class="swiper-slide" >
                    <img src="img/start4.png" alt="" onclick="window.location.href='../index/index.html'">
                </div>

            </div>
        </div>
    </body>

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="swiper.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            effect: 'cube',
            grabCursor: true,
            cube: {
                shadow: true,
                slideShadows: true,
                shadowOffset: 20,
                shadowScale: 0.94
            }
        });
    </script>

</html>
